@@include('../partial/head.html')
<!-- css files -->
<!-- custom styles --> 
<link rel="stylesheet" href="../styles/myi-detail.css">
<div id = "app" class="body-title" data-title = "名医专栏">
	<!-- banner --> 
	<div class="header">
		<!-- <img src="../images/kp-banner.jpg" alt=""> -->
		<img :src="detail.cover" alt="">
		<span class="like" @click = "like"></span>
	</div>
	<!-- /banner -->
	<!-- 课程详情 -->
	<div class="detail">
		<h3 class="title">{{detail.title}}</h3>
		<div class="user-info">
			<span class="name">{{detail.doctorName}}</span>
			<span class="company">{{detail.doctorDesc}}</span>
			<span class="time">{{year}}</span>
			<a class="down" :href="detail.voice.url" download>下载</a>
		</div> 
		<div class="info" :data-id="detail.article_id">
			<div v-html = "detail.content + '<a>更多</a>' "></div>
		</div>
	</div>  
	<!-- /课程详情 -->  
	<!-- 课程推荐 -->
	<div class="recom" v-if = "detail.recommend"> 
		<div class="title-prefix">
			课程推荐
		</div> 
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide" v-for = "(item,index) in detail.recommend">
					<div class="item">
						<div class="pic">
							<img :src="item.cover" alt="">
						</div>  
						<div class="info">
							<div class="title"> 
								{{item.title}}
								<span>￥ {{item.price}}/年</span>
							</div>
							<div class="desc">
								{{item.shortDesc}}
							</div> 
							<div class="user">
								<span class="name">{{item.doctorName}}</span>
								<span class="company">{{item.doctorDesc}}</span>
							</div>
							<div class="state">
								<span class="read">{{item.subNum}}</span>
								<span class="time">{{item.updated_at}}</span>
							</div>
						</div>
					</div>
				</div>
				<!-- <div class="swiper-slide">
					<div class="item">
						<div class="pic">
							<img src="../images/doctor.jpg" alt="">
						</div>
						<div class="info">
							<div class="title">
								男人气血不足吃什么补呢
								<span>￥ 199/年</span>
							</div>
							<div class="desc">
								气血不足的结果会导致脏腑功能的减退
							</div>
							<div class="user">
								<span class="name">赵华佗</span>
								<span class="company">上海市长征医院</span>
							</div>
							<div class="state">
								<span class="read">1000</span>
								<span class="time">2分钟前更新</span>
							</div>
						</div>
					</div>
				</div> -->
			</div>
		</div>
	</div>
	<!-- /课程推荐 -->
</div>   
<script src="../scripts/kp-detail.js"></script>

<!-- js files -->
<!-- custom javascript -->
@@include('../partial/foot.html')